<template>
	<view>
		<view class="head_bg">
			<!-- <image mode="aspectFill" src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-e886bfde-31db-42ed-a1a2-fdeb0b82095a/6766266b-dea0-4ee5-aea7-c285775147ac.jpg"></image> -->
			<image src="../../static/鲤鱼.svg" mode="aspectFill"></image>
		</view>
		<view class="personal_box_1">
			<view class="user_img">
				<image src="../../static/祥云-01.svg"></image>
				<view>彩姿服饰</view>
			</view>
			<ul>
				<li>
					<image src="../../static/元宝-01.svg"></image>
					<navigator url="" open-type="navigate">应似</navigator>
				</li>
				<li>
					<image src="../../static/老虎头-01.svg"></image>
					<navigator url="" open-type="navigate">飞鸿</navigator>
				</li>
				<li>
					<image src="../../static/元宝-01.svg"></image>
					<navigator url="" open-type="navigate">踏雪泥</navigator>
				</li>
			</ul>
		</view>
		<view class="check_box">
			<u--input
				placeholder="请输入编码"
				prefixIcon="search"
				prefixIconStyle="font-size: 22px;color: #909399"
				class="search_input"
				 v-model="value"
				@confirm="handleInput"
			></u--input>
			<!-- <button form-type="submit">查询</button> -->
			<button form-type="submit" @click="addShop">添加商品</button>
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				value:''
			}
		},
		onLoad() {
			
		},
		methods:{
			handleInput(e){
				if(!e.trim()) return
				this.value = ''
				uni.navigateTo({
					url:`../shopList/shopInfo?shopCode=${e}`,
				})
			},
			addShop(){
				uni.navigateTo({
					url:'./addShop'
				})
			}
		}
	}


</script>

<style lang="scss" scoped>
	.head_bg {
		width: 100%;
		height: 700rpx;
		text-align: center;

		image {
			width: 100%;
			height: 700rpx;
		}
	}

	.personal_box_1 {
		z-index: 1;
		position: absolute;
		width: 90%;
		height: 321rpx;
		margin: -90rpx 5% 0 5%;
		background: #fff;
		box-shadow: 0 4rpx 20rpx 0 rgba(182, 62, 65, 0.5);
		border-radius: 10rpx;

		.user_img {
			width: 100%;
			height: 200rpx;
			margin-top: -70rpx;
			text-align: center;
			font-size: 30rpx;
			color: #303133;
			display: inline-block;

			image {
				width: 116rpx;
				height: 116rpx;
				background-color: #FFFFFF;
				box-shadow: 0 4rpx 20rpx 0 rgba(182, 62, 65, 0.5);
			}
		}

		ul {
			width: 100%;
			height: auto;
			padding-top: 10rpx;
			display: inline-block;

			li {
				width: 33%;
				float: left;
				text-align: center;
				font-size: 28rpx;
				color: #303133;
			}
		}

		image {
			width: 80rpx;
			height: 80rpx;
			border-radius: 50%;
			margin-bottom: 23rpx;
		}
	}

	.check_box {
		margin-top: 271rpx;

		button {
			border: none;
			width: 694rpx;
			height: 84rpx;
			font-size: 32rpx;
			text-align: center;
			font-weight: 550;
			line-height: 84rpx;
			color: #FFFFFF;
			background-color: #cd5959;
			border-radius: 12rpx;
			margin: 40rpx auto;
		}

		button::after {
			border: none
		}
		/deep/.u-input{
			width: 658rpx;
			height: 60rpx;
			margin: 0 auto;
			padding-top: 0;
			padding-bottom: 0;
		}
	}
</style>
